
.container-hd{padding:0 20px;line-height:52px;height:52px;background:#f4f5f9;}

/*开发文档首页*/
.guide-main-li-ico{display:inline-block;width:75px;height:57px; background:url(./images/technology.png) no-repeat;}
.ico-mp{background-position:3px 0;}
.ico-app{background-position:9px -207px;}
.ico-code{background-position:1px -71px;}
.ico-shuaka{background-position:5px -135px;}
.ico-coupon{background-position:7px -358px;}
.ico-h5{background-position:7px -284px;}
.ico-hongbao{background-position:13px -495px;}
.ico-money{background-position:0 -569px;}
.ico-clearance{background-position:9px -642px;}
.ico-applet{background-position:9px -712px;}

.guide-main{}
.guide-main li{list-style-type: none;width:240px;background-color:#FFFFFF;float:left;margin-right:18px;text-align:center;margin-bottom:15px}
.guide-main .guide-main-li-4,.guide-main .guide-main-li-8{margin-right:0;}
.guide-main li a{width:239px;height:296px;display:block;position:relative;border:1px solid #e5e5e5;}

.guide-main li .title{display:block;color:#000000;font-size:16px;line-height:1;margin-top:25px;font-weight:normal}
.guide-main li .info{display:block;color:#999999;font-size:12px;margin-top:14px; padding:0 10px;}
.guide-main li .info .strong{font-weight:bold;}
.guide-main-li-ico{margin-top:72px;-webkit-transition:margin-top 0.2s linear;-moz-transition:margin-top 0.2s linear;-ms-transition:margin-top 0.2s linear;-o-transition:margin-top 0.2s linear;transition:margin-top 0.2s linear;}
.guide-main li .btngreen{display:none;margin:20px auto 0;width:171px;height:35px;line-height:35px;background-color:#00C800;font-size:14px;color:#FFFFFF;border-bottom:1px solid #00A000;}
.guide-main li .btngray{background-color:#E6E6E6!important;color:#666666!important;border-bottom:1px solid #CCCCCC;}
.guide-main-li-3 .tips{display:none;font-size:12px;color:#FF9900;line-height:1;}
.guide-main-li-3 .tips .ico-info-orange{vertical-align:-3px;*vertical-align:1px;margin-right:5px;margin-top:12px;}
.guide-main li a{}
.guide-main li a:hover{border:1px solid #00c800;text-decoration:none}
.guide-main li a:hover .btngreen{display:block;}
.guide-main li a:hover .tips{display:block;}
.guide-main li a:hover .guide-main-li-ico{margin-top:45px;-webkit-transition:margin-top 0.2s linear;-moz-transition:margin-top 0.2s linear;-ms-transition:margin-top 0.2s linear;-o-transition:margin-top 0.2s linear;transition:margin-top 0.2s linear;}
.guide-link{padding-top:120px;padding-bottom:58px;position:relative;height:24px;}
.guide-link-a{color:#00C800;font-size:18px;height:24px;width:162px;}
.guide-link-a .ico-arrow-right{vertical-align:-2px;*vertical-align:3px;margin-left:8px;cursor:pointer;}
.guide-link-code{display:none;position:absolute;border:1px solid #C9C9C9;padding:6px;background-color:#FFFFFF;width:105px;height:105px;top:67px;left:50%;margin-left:90px;}
.show-code .guide-link-code{display:block;}
.show-code .ico-arrow-right{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}

.technology .button-group{ margin-top:30px; margin-bottom:-5px;} 

.guide-main-nicon li a{ height:90px;width:322px;}
.guide-main-nicon li{ text-align:left; width:323px; margin-bottom:20px;}
.guide-main-nicon li h3,.guide-main-nicon li p.info{padding:0 20px;} 
.guide-main-nicon li h3{margin-top:20px;}
.guide-main-nicon li p.info{margin-top:5px;}
.guide-main-nicon li a:hover .btngreen{display:none;}




